<div
    class="toggle-container"
    [attr.data-state]="snapshot.isChecked ? 'checked' : snapshot.isChecked === false ? 'unchecked' : 'indeterminate'"
    [class.checked]="snapshot.isChecked === true"
    [class.disabled]="snapshot.isDisabled"
    [class.unchecked]="snapshot.isChecked === false"
    (click)="changeState()">
    <div class="toggle-button"></div>
    <i class="icon-close"></i> <i class="icon-checkmark"></i>
</div>
